<template>
  <div class="experience">
  		<ul>
        <li  v-for="item in deallsit">
          <h1> <a :href="item.href">{{item.date}}</a></h1>
          <p>{{item.time}}</p>
        </li>
      </ul>
  </div>
</template>


<script>
export default {
  data () {
    return {
        deallsit : [
          {date:'杭州呦呦科技有限公司',time:'2015-12-24 —> 2016-1-27',href:'http://www.mmxyou.com'},
          {date:'杭州宋财金融有限公司',time:'2016-3-29 —> 2016-4-30',href:'http://www.songcaijubao.com'},
          {date:'杭州米若科技有限公司',time:'2016-5-25 —> 2017-1-1'},
        ]
      }
  },
}    
</script>

<style scoped>
	.experience{width: 100%;}
  .experience ul>li{width: 100%;min-height: 45px;line-height: 45px;position: relative;}
  .experience ul>li>h1{padding: 0 15px}
  .experience ul>li>h1>a{font-size: 16px;color: #4096ee;text-decoration: none;display: block;}
  .experience ul>li>p{font-size: 12px;position: absolute;right:15px;top:0;}
</style>
